// import { StyledChatLoadingBoxLayout } from '../style'

import { Box, Skeleton, Typography } from '@mui/material';

export default () => {
  return (
    // <StyledChatLoadingBoxLayout loading={true} />
    <Box
      sx={{
        display: 'flex',
        flexDirection: 'column',
        width: '100%',
      }}
    >
      <Typography
        component='div'
        variant='body1'
        sx={{ width: '100%' }}
      >
        <Skeleton />
      </Typography>
      <Typography
        component='div'
        variant='caption'
        sx={{ width: '100%' }}
      >
        <Skeleton />
      </Typography>
    </Box>
  );
};
